/*-----------------------------------------------
Magazine Responsive Blogger Template Style
Name:     Magazine
Designer: Emma Leonil | Ar-themes | Arfekra
URL:      http://www.fiverr.com/users/emmaleonil
URL:	  http://www.arfekra.com
URL:	  http://ar-themes.blogspot.com
----------------------------------------------- */


*::-moz-selection {
background-color: #666;
color: #FFF;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, .widget, .section {
margin: 0px;
padding: 0px;
border: 0px none;
font-size: 100%;
vertical-align: baseline;
}
body, button, input, select, textarea {
line-height: 1.5;
font-size: 15px;
font-family: 'Open Sans',Arial,verdana;
color: #444;
}
body, button, input, select, textarea {
line-height: 1.5;
font-size: 15px;
font-family: 'Open Sans',Arial,verdana;
text-transform: normal;
color: #444;
width: 100%;
margin: 0px auto;
background-image: url(http://3.bp.blogspot.com/-x0693jY4XGA/Uyq6WycXDdI/AAAAAAAAA_M/Mm-LQmMLrDg/s1600/background.png);
background-color: #C8C8C8;
}
a {
display: inline;
text-decoration: none;
}
ol,ul {
list-style:none;
}
h1, h2, h3, h4, h5, h6, h7 {font-family:'open sans condensed',Arial,verdana; font-weight:300; color:#444444; margin:5px 0px 5px 0px; text-transform:uppercase;}
h1 {font-size: 38px;}
h2 {font-size: 34px;}
h3 {font-size: 28px;}
h4 {font-size: 22px;}
h5 {font-size: 18px;}
h6 {font-size: 14px;}
img {
border: medium none;
text-decoration: none;
outline: medium none;
}
.entry-content img, .comment-content img, .widget img {
max-width: 100%;
}
.widget h2 {
font-family: arial,verdana;
color: #FF8100;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
margin: -5px 0px 10px;
}
.widget ul {
padding: 0px;
margin: 0px;
}

/* Popular Posts
===================================== */
.popular-posts {
width: 100%;
line-height: 1.2;
font-size: 13px;
font-family: 'Open Sans',Arial,verdana;
list-style: none outside none;
color: #333;
}
.popular-posts li {
padding: 0px;
}
.popular-posts li .item-title a {
color: #000;
}
.popular-posts li .item-title a:hover {
color: #FF8100;
}

/* Labels
================================ */
.label-size {
float: left;
font-size: 13px;
}
.list-label-widget-content ul,
.list-label-widget-content li {
list-style: none outide none;
}
.list-label-widget-content li a {
background: #F3F3F3;
color: #525252;
border: 1px solid #E2E2E2;
border-radius: 3px;
float: left;
padding: 5px;
margin-bottom: 5px;
line-height: 16px;
width: 133px;
}
.list-label-widget-content li span {
color: orangered;
background: #F3F3F3;
border-radius: 3px;
min-width: 40px;
float: right;
padding: 4px;
margin-bottom: 5px;
text-align: center;
border: 1px solid #E2E2E2;
}
.list-label-widget-content li span:first-child {
background: #F3F3F3;
border: 1px solid #E2E2E2;
border-radius: 3px;
border-right: 10px solid;
border-left: 10px solid;
width: 113px !important;
float: left;
padding: 5px;
margin-bottom: 5px;
line-height: 16px;
width: 250px;
}
.list-label-widget-content li a:hover,
#footer-nav .list-label-widget-content li a:hover {
background: orangered;
color: #fff;
}
.cloud-label-widget-content .label-size {
font-size: 100%;
float: left;
}

.cloud-label-widget-content .label-size a {
color: #666;
float: left;
font-size: 12px;
margin: 0px 5px 5px 0px;
padding: 5px;
text-decoration: none;
border: 1px solid #E2E2E2;
border-radius: 3px;
}

.label-size a:hover, .label-size:hover .label-count, .label-size:hover a {
background-color: #FD4326;
color: #FFF;
text-decoration: none;
transition: all 0.2s ease-out 0s;
}

.cloud-label-widget-content .label-size span {
color: #666;
float: left;
font-size: 12px;
margin: 0px 5px 5px 0px;
padding: 5px;
text-decoration: none;
border: 1px solid #E2E2E2;
border-radius: 3px;
}

.cloud-label-widget-content .label-size span:first-child,
.cloud-label-widget-content .label-size span:first-child span:nth-child(2) {
background: #FD4326;
color: #FFF;
}

/* Search
============================== */
.FollowByEmail {
padding: 15px 15px 0px !important;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
font-size: 12px;
padding: 2px 0px 2px 5%;
width: 95%;
border: 1px solid #D3D3D3;
outline: medium none;
background: #fff;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address:focus {
box-shadow: 0px 0px 6px -4px #000 inset;
}

/* Header
============================== */
.tm_header {
width: 100%;
background: none repeat scroll 0% 0% #46526E;
}
.tm_header_file {
width: 1005px;
height: 120px;
margin: auto;
}
.tm_header_logo_ads {
padding: 15px 0px;
height: 90px;
}
.tm_logo {
float: left;
}
.tm_logo_img img {
max-height: 90px;
}
.tm_topads_468 {
float: right;
width: 468px;
height: 60px;
padding: 15px 0px 0px;
}

/* Main Menu
=================================== */
#nav {
background:#ffffff;
width:100%;
border-bottom:0px solid #D4D4D4;
border-top:0px solid #D4D4D4;
margin:0px 0px 15px 0px;
}
.navigasi_menu {
background:#ffffff;
height:45px;
width:1005px;
display:block;
z-index:999;
margin:auto;
}
.navigasi_list {
height:45px;
margin-left:0;
text-align:left;
}
.navigasi_list a {
color:#333333;
font-family:'Open Sans Condensed',bebasneueregular,Arial,Verdana;
padding:0px 25px 0px 25px;
text-decoration:none;
}
.navigasi_menu ul {
list-style:none;
margin:0px;
padding:0px;
}
.navigasi_menu li {
position:relative;
float:left;
font-size:20px;
height:45px;
}
.navigasi_menu li:hover {
background:#E0E0E0;
float:left;
}
.current-menu-item {
}
.navigasi_menu li a {
line-height:44px;
height:45px;
display:inline-block;
text-transform:uppercase;
}
.navigasi_menu ul li ul {
display:none;
float:left;
left:0;
position:absolute;
z-index:99999;
}
.navigasi_menu ul li ul li {
position:relative;
float:left;
font-size:17px;
width:220px;
color:#ffffff;
border-right:0px;
}
.navigasi_menu ul li ul li:hover {
background:#f4f4f4;
color:#222222;
}
.navigasi_menu ul li ul li:hover a {
background:#f4f4f4;
color:#222222;
}
.navigasi_menu ul li:hover > ul {
display:block;
background:#E0E0E0;
border-top:5px solid #aaaaaa;
}
.current-menu-ancestor {
}
#nav .tm_home {
background:#E0E0E0;
}
#nav .tm_menu_green a {
color:#46BE6E;
font-weight:600;
}
.tm_menu_mobile {
display: none;
background: none repeat scroll 0% 0% #FFF;
margin: 0px 0px 15px;
padding: 6px;
width: 748px;
}
select {
border: medium none;
font-size: 13px;
padding: 3px;
background: none repeat scroll 0% 0% #EFEFEF;
}

/* Content
================================= */
.tm_content {
margin: auto;
width: 1005px;
}
#tm_con2 {
padding-top: 15px;
}

/* Ticker
================================ */
.tm_news_ticker {
margin:0px 0px 0px 0px;
float:left;
height:28px;
width:100%;
background:#ffffff;
}
.ticker-wrapper.has-js {
width: 100%;
height: 28px;
display: block;
background-color: #ffffff;
}
.ticker {
width: 927px;
height: 28px;
display: block;
position: relative;
overflow: hidden;
background-color: #ffffff;
}
.ticker-title {
padding:3px 6px 3px 6px;
color:#990000;
font-weight:bold;
text-transform:uppercase;
color:#ffffff;
height:22px;
width:50px;
background: none repeat scroll 0% 0% #FF8100;
}
.ticker-title span {
font-weight:normal;
}
.ticker-content {
margin: 0px;
padding-top: 2px;
position: absolute;
color: #1F527B;
background-color: #ffffff;
overflow: hidden;
white-space: nowrap;
}
.ticker-content:focus {
}
.ticker-content a {
text-decoration:none;
color:#444444;
font-size:13px;
}
.ticker-swipe {
padding-top: 9px;
position: absolute;
top: 0px;
background-color: #ffffff;
display: block;
width: 800px;
height: 23px; 
}
.ticker-swipe span {
margin-left: 1px;
background-color: #ffffff;
border-bottom: 1px solid #1F527B;
height: 12px;
width: 7px;
display: block;
}
.ticker-controls {
padding: 8px 0px 0px 0px;
list-style-type: none;
float: left;
}
.ticker-controls li {
padding: 0px;
margin-left: 5px;
float: left;
cursor: pointer;
height: 16px;
width: 16px;
display: block;
}
.tm_footer_index_widget .ticker-controls li {
margin-left:5px;
padding:0px;
}
.ticker-controls li.jnt-play-pause {
background-image: url(http://4.bp.blogspot.com/-UdCxnAfCIcw/UyrLFKqdS5I/AAAAAAAAA_c/WV2l0Z2iPXM/s1600/controls.png);
background-position: 32px 16px;
}
.ticker-controls li.jnt-play-pause.over {
background-position: 32px 32px;
}
.ticker-controls li.jnt-play-pause.down {
background-position: 32px 0px;
}
.ticker-controls li.jnt-play-pause.paused {
background-image: url(http://4.bp.blogspot.com/-UdCxnAfCIcw/UyrLFKqdS5I/AAAAAAAAA_c/WV2l0Z2iPXM/s1600/controls.png);	
background-position: 48px 16px;
}
.ticker-controls li.jnt-play-pause.paused.over {
background-position: 48px 32px;
}
.ticker-controls li.jnt-play-pause.paused.down {
background-position: 48px 0px;
}
.ticker-controls li.jnt-prev {
background-image: url(http://4.bp.blogspot.com/-UdCxnAfCIcw/UyrLFKqdS5I/AAAAAAAAA_c/WV2l0Z2iPXM/s1600/controls.png);
background-position: 0px 16px;		
}
.ticker-controls li.jnt-prev.over {
background-position: 0px 32px;		
}
.ticker-controls li.jnt-prev.down {
background-position: 0px 0px;		
}
.ticker-controls li.jnt-next {
background-image: url(http://4.bp.blogspot.com/-UdCxnAfCIcw/UyrLFKqdS5I/AAAAAAAAA_c/WV2l0Z2iPXM/s1600/controls.png);	
background-position: 16px 16px;	
}
.ticker-controls li.jnt-next.over {
background-position: 16px 32px;	
}
.ticker-controls li.jnt-next.down {	
background-position: 16px 0px;	
}
.js-hidden {
display: none;
}
.no-js-news {
padding: 10px 0px 0px 45px; 
color: #F8F0DB;
}
.left .ticker-swipe {
/*left: 80px;*/
}
.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {
float: left;
}
.left .ticker-controls {
padding:6px 6px 0px 0px;
}
.right .ticker-swipe {
/*right: 80px;*/
}
.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker {
float: right;
}
.right .ticker-controls {
padding-right: 6px;
}

/* Left
============================= */
.tm_left {
width: 230px;
height: 100%;
float: left;
margin: 0px 15px 0px 0px;
min-height: 1px;
}
.tm_sidebarwidget_left {
float: left;
margin: 0px;
width: 100%;
}
.tm_sidebarwidget_left .section {
padding: 0px;
margin: 0px;
}
.tm_sidebarwidget_left .widget {
-moz-hyphens: auto;
word-wrap: break-word;
background: none repeat scroll 0% 0% #FFF;
padding: 15px 15px 5px;
width: 200px;
margin: 0px 0px 15px;
}
.tm_sidebarwidget_left #rpl {
-moz-hyphens: auto;
word-wrap: break-word;
float: left;
}
.tm_sidebarwidget_left #rpl h2 {
margin: -5px 0px 10px;
}
.tm_sidebarwidget_left #rpl .widget {
margin: 0px 0px 15px;
}
.widgettitle {
font-family: arial,verdana;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
margin: -5px 0px 10px;
}
.widgettitle {
color: #FF8100;
}

/* left2
================================== */

.tm_left #lefts #left2 .label_with_thumbs2 {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
}
.tm_left #lefts #left2 .label_with_thumbs2 .clearfix {
padding: 0px 0px 15px;
margin: 0px 0px 15px;
text-align: center;
background: none repeat scroll 0% 0% #EAEAEA;
}
.tm_left #lefts #left2 .label_with_thumbs2 .clearfix a:nth-child(2) {
line-height: 1.2;
padding: 8px;
color: #000;
font-size: 13px;
text-decoration: none;
float: left;
width: 184px;
}
.tm_left #lefts #left2 .label_with_thumbs2 .clearfix a:hover {
color: #FF8100;
}
.tm_left #lefts #left2 .label_with_thumbs2 .clearfix span {
color: #666;
font-size: 13px;
line-height: 1.5;
padding: 8px 8px 0px;
font-weight: 400;
}

/* Recent Posts
=================================== */
.tm_left #rpl #main1 .widget h2 {
font-family: arial,verdana;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
margin: -5px 0px 10px;
color: #FF8100;
}
.list-recent {
color:#333;
float: left;
width: 100%;
margin: 0px 0px 8px !important;
line-height: 1.2;
font-size: 13px;
font-family: 'Open Sans',Arial,verdana;
list-style: none;
}
li.list-recent a img {
float:left;
margin:0 10px 0 0;
padding:0;
border:none;
background:none;
outline:none;
}
li.list-recent a {
color: #000;
}
li.list-recent a:hover {
color: #FF8100;
}

/* Lefts
================================== */
.tm_left #lefts {
float: left;
}
.tm_left #lefts .widget {
-moz-hyphens: auto;
word-wrap: break-word;
background: none repeat scroll 0% 0% #FFF;
float: left;
width: 200px;
padding: 15px;
margin: 0px 0px 15px;
}
.tm_left #lefts .widget h2 {
margin: -5px 0px 10px;
font-family: arial,verdana;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
margin: -5px 0px 10px;
color: #FF8100;
}
#lefts #left1,
#lefts #left2,
#lefts #left3 {
float: left;
}
#lefts #left2 .widget {
background: none repeat scroll 0% 0% #666;
}
#lefts #left2 .widget h2.title {
color: #FFF;
font-size: 25px;
margin: -10px 0px 6px;
font-weight: 600;
font-family: open sans condensed,arial;
}

/* Center
================================ */
.tm_center {
width: 515px;
min-height: 1px;
height: 100%;
float: left;
margin: 0px;
}
.tm_center #con1 .widget,
.tm_center #con2 .widget,
.tm_center #con4 .widget {
-moz-hyphens: auto;
background: none repeat scroll 0% 0% #FFF;
margin: 0px 0px 15px;
padding: 15px;
word-wrap: break-word;
}
.tm_center #con1 .widget h2.title,
.tm_center #con2 .widget h2.title,
.tm_center #con4 .widget h2.title {
font-family: arial,verdana;
color: #FF8100;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
margin: -5px 0px 10px;
}

/* con1
=================================== */
.tm_center #con1 .label_with_thumbs2 .clearfix {
width: 235px;
margin: 0px;
padding: 0px 0px 15px;
float: left;
}
.tm_center #con1 .label_with_thumbs2 .clearfix:nth-child(2) {
float: right;
}
.tm_center #con1 .label_with_thumbs2 .clearfix a:nth-child(2) {
color: #000;
font-size: 13px;
text-decoration: none;
line-height: 1.2;
padding: 10px 0px;
float: left;
width: 235px;
}
.tm_center #con1 .label_with_thumbs2 .clearfix a:hover {
color: #FF8100;
}
.tm_center #con1 .label_with_thumbs2 .clearfix span {
color: #666;
font-size: 13px;
line-height: 1.5;
font-weight: 400;
}

/* Con3
======================================= */
.tm_center #con3 .widget {
-moz-hyphens: auto;
background: none repeat scroll 0% 0% #222;
margin: 0px 0px 15px;
padding: 15px 15px 0px;
word-wrap: break-word;
}
.tm_center #con3 .widget h2.title {
color: #FF8100;
font-weight: bold;
text-transform: uppercase;
font-size: 25px;
font-family: open sans condensed,arial,verdana;
margin: -10px 0px 6px;
}
.tm_center #con3 .widget .clearfix {
width: 100%;
float: left;
margin: 0px;
border-top: 1px solid #DEDEDE;
padding: 15px 0px;
}
.tm_center #con3 .widget .clearfix a img {
float: right;
}
.tm_center #con3 .widget .clearfix a:nth-child(2) {
float: left;
margin: 0px 15px 0px 0px;
width: 370px;
color: #FFF;
font-size: 13px;
text-decoration: none;
padding: 0px 0px 10px;
line-height: 1.2;
}
.tm_center #con3 .widget .clearfix a:hover {
color: #FF8100;
}
.tm_center #con3 .widget .clearfix span {
color: #CCC;
font-weight: 300;
font-size: 13px;
line-height: 1.5;
text-decoration: none;
word-wrap: break-word;
-moz-hyphens: auto;
}

/* con4
=================================== */
.tm_center #con4 .label_with_thumbs2 {
padding: 0px;
margin: 0px;
width: 500px;
}
.tm_center #con4 .label_with_thumbs2 br {
display: none;
}
.tm_center #con4 .label_with_thumbs2 .clearfix {
width: 151px;
padding: 0px 0px 15px;
float: left;
margin: 0px 15px 0px 0px;
}
.tm_center #con4 .label_with_thumbs2 .clearfix:nth-child(4),
.tm_center #con4 .label_with_thumbs2 .clearfix:nth-child(5),
.tm_center #con4 .label_with_thumbs2 .clearfix:nth-child(6) {
padding: 0px;
}
.tm_center #con4 .label_with_thumbs2 .clearfix a:nth-child(2) {
line-height: 1.2;
padding: 6px 0px 0px;
color: #000;
font-size: 13px;
text-decoration: none;
float: left;
width: 151px;
height: 30px;
overflow: hidden;
}
.tm_center #con4 .label_with_thumbs2 .clearfix a:hover {
color: #FF8100;
}

/* Slider
=================================== */
#sliderse .widget {
margin-bottom: 15px;
}
#slide-container {
height: 300px;
position: relative;
width: 515px;
}
#slider {
height: 300px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
width: 100%;
font-family: calibri;
}
#slider li img {
height: 300px;
width: 515px;
}
.slide-desc {
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.8);
color: #FFFFFF;
padding: 0px;
position: absolute;
text-align: left;
bottom: -15px;
width: 515px;
z-index: 500;
}
.slide-desc h2 {
display: block;
color: #FFF;
display: block;
font-size: 1.1em;
font-family: 'Open Sans',Arial,verdana;
text-transform: none;
padding: 5px 10px;
margin: 0px !important;
font-weight: bold;
}
.slide-desc:first-letter {
display: none;
}
.crosscol .widget-content {
position: relative;
}
#slider ul, #slider li,
#slider2 ul, #slider2 li {
margin: 0;
padding: 0;
list-style: none;
}
#slider2 {
margin-top: 1em;
}
#slider li, #slider2 li {
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width: 515px;
height: 300px;
overflow: hidden;
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev {
display: block;
width: 39px;
height: 41px;
position: absolute;
text-indent: -9999px;
top: 50%;
z-index: 1000;
}
#nextBtn, #slider1next {
right: 10px !important;
left: 465px !important;
}
#prevBtn, #nextBtn, #slider1next, #slider1prev {
display: block;
height: 41px;
width: 39px;
left: 10px;
position: absolute;
top: 50%;
margin-top: -16px;
z-index: 1000;
}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a {
display: block;
position: relative;
width: 39px;
height: 41px;
background: url(http://2.bp.blogspot.com/-Lsy0hPrvI1E/Uys45ThzWlI/AAAAAAAAA_s/t164yubYw5E/s1600/tm-arrow-left.png) no-repeat 0 0;
}
#nextBtn a, #slider1next a {
background: url(http://4.bp.blogspot.com/-ZzH8j140dpI/Uys45VYInEI/AAAAAAAAA_w/Yzt583S3QZ8/s1600/tm-arrow-right.png) no-repeat 0 0;
}
/* numeric controls */
ol#controls {
margin: 1em 0;
padding: 0;
height: 28px;
}
ol#controls li {
margin: 0 10px 0 0;
padding: 0;
float: left;
list-style: none;
height: 28px;
line-height: 28px;
}
ol#controls li a {
float: left;
height: 28px;
line-height: 28px;
border: 1px solid #ccc;
background: #DAF3F8;
color: #555;
padding: 0 10px;
text-decoration: none;
}
ol#controls li.current a {
background: #5DC9E1;
color: #fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {
outline: none;
}

/* Posts
=================================== */
.tm_center #main2 {
background: none repeat scroll 0% 0% #FFF;
height: 100%;
width: 100%;
margin: 0px 0px 15px;
}
.breadcrumbs {
font-size: 12px;
color: #FFF;
background: none repeat scroll 0% 0% #0C7BCE;
padding: 4px 15px 5px;
line-height: 1.5;
margin-bottom: 15px;
}
.breadcrumbs a {
text-decoration: none;
color: #FFF;
padding: 0px 3px 0px 0px;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.tm_center #main2 .post {
padding: 0px 15px;
}
.tm_center #main2 .post h1.post-title {
font-weight: 300;
font-size: 36px;
line-height: 38px;
text-transform: uppercase;
margin: 0px 0px 10px -1px;
padding-top: 15px;
word-wrap: break-word;
font-family: open sans condensed,arial,verdana;
}
.tm_center #main2 .post .post-header {
width: 100%;
float: left;
color: #AAA;
font-size: 11px;
text-transform: uppercase;
border-bottom: 1px solid #DDD;
margin: 0px 0px 15px;
padding: 0px 0px 5px;
}
.tm_center #main2 .post .post-header a {
color:#AAAAAA;
}
.tm_item_post_list_1 {
float:left;
padding:0px 12px 0px 0px;
}
.tm_item_post_list_2 {
float:left;
padding:0px 12px 0px 0px;
}
.tm_item_post_list_3 {
float:left;
padding:0px 12px 0px 0px;
}
.post-timestamp {
margin-left: 0px;
}
.tm_item_post_list_4 {
float:left;
padding:0px 12px 0px 0px;
}
.tm_center #main2 .post-body a {
margin: 0px !important;
}
.share_post {
background: none repeat scroll 0% 0% #F7F7F7;
float: left;
margin: 25px 0px 0px;
width: 100%;
border-bottom: 1px solid #AAA;
border-top: 1px solid #AAA;
}
.share_post_pad {
float: left;
padding: 8px 16px 12px;
}
.post_tags {
float: left;
margin: 0px;
padding: 0px 0px 12px;
width: 100%;
}
.post-labels a:first-child {
display: block;
float: right;
padding-left: 3px;
}
.post-labels a {
display: none;
}
.post_tags span {
display: block;
float: left;
margin: 0px;
padding: 9px 8px 0px 0px;
text-transform: uppercase;
font-size: 12px;
}
.post_tags ul {
list-style: none outside none;
margin: 0px;
float: left;
overflow: hidden;
padding: 0px;
position: relative;
}
.post_tags li {
float: left;
margin: 0px 5px 0px 0px;
}
.post_tags a {
background: -moz-linear-gradient(center top , #FFF 0%, #F6F6F6 47%, #EDEDED 100%) repeat scroll 0% 0% transparent;
color: #666;
display: block;
float: left;
font-size: 13px !important;
margin: 0px 4px 0px 0px;
padding: 5px 8px;
text-decoration: none;
transition: all 0.4s ease 0s;
border: 1px solid #DEDEDE;
border-radius: 3px;
box-shadow: 0px 1px 1px #EAEAEA, 0px 1px 0px #FBFBFB inset;
}
.post_tags a:hover {
background: none repeat scroll 0% 0% #FFF;
}
.author_post {
float: left;
background:#ffffff;
width:100%;
margin:0px 0px 15px 0px;
border-bottom:1px solid #EEEEEE;
border-top:1px solid #EEEEEE;
}
.author_post_item {
padding:10px 0px 18px 0px;
float:left;
}
.author_post_pic {
float:left;
margin:7px 15px 0px 0px;
}
.author_post_name {
text-transform:uppercase;
}
.author_post_name a {
color:#0099CC;
text-decoration:none;
}
.author_post_name h4 {
font-size:24px;
margin:0px 0px 5px 0px;
font-weight:normal;
color:#333333;
}
.author_post_desc {
color:#333333;
font-size:13px;
line-height:19.5px;
}

/* Posts Unique
==================================== */
.imgcon {
width: 515px;
height: 250px;
}
.post-footer, .breadcrumbs {
display: none;
}
.sum_con {
margin: 0px 0px 15px;
-moz-hyphens: auto;
word-wrap: break-word;
font-size: 13px;
color: #444;
}
#read-ou {
margin: 15px 0px 0px;
height: 27px;
}
.readmore {
position: relative;
border-bottom: 1px solid #000;
padding: 0px 0px 4px;
transition: all 0.4s ease 0s;
}
.readmore:hover {
border-bottom: 1px solid #0C7BCE;
}
.readmore a {
color: #FFF;
background: none repeat scroll 0% 0% #000;
padding: 6px;
font-size: 13px;
text-decoration: none;
transition: all 0.4s ease 0s;
font-family: &#39;Open Sans&#39;,Arial,verdana;
}
.readmore a:hover {
background: none repeat scroll 0% 0% #0C7BCE;
color: #FFF;
}
#sliderse, #con1, #con2, #con3, #con4 {
display: none;
}
.status-msg-wrap {
padding: 15px 0px 10px;
margin: 0px auto;
}

/* Blog Pager
===================================== */
#blog-pager {
padding: 15px;
}
.post-feeds, .feed-links {
display: none;
}

/* Comments
=================================== */
#comments {
padding: 0px 15px;
}
#comments .user a {
color: #444;
font-style: normal;
font-size: 14px;
line-height: 26px;
}
#comments .datetime, #comments .datetime a {
display: inherit;
margin-left: 0;
color: #A3A3A3;
text-decoration: none;
font-size: 12px;
margin: -4px 0px 0px;
}
#comments .datetime a {
margin: auto;
}
#comments .comment-actions a {
background: linear-gradient(to bottom, #2AACDB 0%, #1A79C5 100%) repeat scroll 0% 0% transparent;
border: 1px solid #1B95D0;
border-radius: 2px;
color: #FFF;
font-size: 11px;
line-height: 1.2em;
padding: 3px 9px 2px;
text-transform: uppercase;
text-decoration: none;
margin-right: 10px;
}
#comments .comment {
border-bottom: 1px solid #E5E5E5;
}
#comments .loadmore {
margin-top: 0px;
}
.comment-replies .inline-thread {
background: none repeat scroll 0% 0% #F8F8FF;
border-width: 1px 1px 1px 3px;
border-style: solid;
border-color: #E2E2E2 #E2E2E2 #E2E2E2 #1B95D0;
}

/* Grey feed #con3
=================================== */
.list-entries {
margin:5px;
float:left;
font-size:11px;
}
.list-entries .main-title,
.list-entries .more-link {
display: none;
}
.list-entries ul,
.list-entries li {
margin: 0;
padding: 0;
list-style: none;
}
.list-entries li {
width: 100%;
float: left;
margin: 0px;
border-top: 1px solid #DEDEDE;
padding: 15px 0px;
}
.list-entries .thum-p {
float: right;
}
.list-entries .title {
padding: 0px 0px 10px;
line-height: 1.2;
margin: 0px 15px 0px 0px;
width: 355px;
font-size: 15px;
}
.list-entries .title a {
color: #FFF;
font-size: 13px;
text-decoration: none;
}
.list-entries .title a:hover {
color: #FF8100;
}
.list-entries img,
.list-entries .fake-img {
border: none;
background-color: #333;
margin: 0;
padding: 0;
float: right;
}
.list-entries .summary {
color: #CCC;
margin: 0px 15px 0px 0px;
width: 355px;
font-weight: 300;
font-size: 13px;
line-height: 1.5;
text-decoration: none;
word-wrap: break-word;
-moz-hyphens: auto;
}

/* Right
=================================== */
.tm_right {
width: 230px;
min-height: 1px;
height: 100%;
float: left;
margin: 0px 0px 0px 15px;
}
.tm_right #con1r .widget {
background: none repeat scroll 0% 0% #B2D7FC;
margin: 0px 0px 15px;
padding: 15px;
}
.tm_right #con1r .widget h2.title {
font-size: 25px;
margin: -10px 0px 6px;
font-weight: 600;
font-family: open sans condensed,arial;
color: #444;
}
.tm_right #con2r .widget, .tm_right #con3r .widget {
-moz-hyphens: auto;
background: none repeat scroll 0% 0% #FFF;
margin: 0px 0px 15px;
padding: 15px;
word-wrap: break-word;
}
.tm_right #con2r .widget h2.title,
.tm_right #con3r .widget h2.title {
font-family: arial,verdana;
color: #FF8100;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
margin: -5px 0px 10px;
}

/* con1r
==================================== */

.tm_right #con1r .label_with_thumbs2 {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
}
.tm_right #con1r .label_with_thumbs2 .clearfix {
padding: 0px 0px 15px;
margin: 0px 0px 15px;
text-align: left;
}
.tm_right #con1r .label_with_thumbs2 .clearfix:nth-child(3) {
margin: 0px;
}
.tm_right #con1r .label_with_thumbs2 .clearfix a:nth-child(2) {
line-height: 1.2;
padding: 8px 0px 8px;
color: #000;
font-size: 13px;
text-decoration: none;
float: left;
width: 184px;
}
.tm_right #con1r .label_with_thumbs2 .clearfix a:hover {
color: #FF8100;
}
.tm_right #con1r .label_with_thumbs2 .clearfix span {
color: #666;
font-size: 13px;
line-height: 1.5;
padding: 8px 0px 0px;
font-weight: 400;
}

/* con3r
===================================== */
.tm_right #con3r .label_with_thumbs2 .clearfix a:nth-child(2) {
line-height: 1.2;
padding: 9px 0px;
color: #000;
font-size: 13px;
text-decoration: none;
float: left;
width: 184px;
}
.tm_right #con3r .label_with_thumbs2 .clearfix a:hover {
color: #FF8100;
}

/* Footer-Index
===================================== */
.tm_footer_index {
width: 100%;
}
.tm_footer_index #con1fi .widget, .tm_footer_index #con2fi .widget {
-moz-hyphens: auto;
background: none repeat scroll 0% 0% #FFF;
float: left;
margin: 0px 0px 15px;
padding: 15px;
word-wrap: break-word;
}
.tm_footer_index #con1fi .widget {
border-left: 5px solid #FF8100;
color: #747474;
padding: 5px 15px 15px !important;
width: 970px;
}
.tm_footer_index #con2fi .widget {
width: 970px;
overflow: hidden;
padding-right: 20px;
}
.tmtagline_about_us_title {
font-size: 33px;
text-align: center;
text-transform: uppercase;
padding: 10px 0px 5px;
font-family: open sans condensed,arial,verdana;
color: #000;
line-height: 38px;
}
.tmtagline_about_us_desc {
font-size: 13px;
text-align: center;
line-height: 17px;
}
.tmtagline_about_us_title a {
color: #FF8100;
}
.tm_footer_index #con2fi h2.title {
font-family: arial,verdana;
color: #FF8100;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
margin: -5px 0px 10px;
}

/* con2fi
====================================== */
.tm_footer_index #con2fi .label_with_thumbs2 {
background: none repeat scroll 0% 0% #FFF;
float: left;
width: 990px;
}
.tm_footer_index #con2fi .label_with_thumbs2 .clearfix {
margin: 0px 15px 0px 0px;
padding: 0px 0px 15px;
float: left;
width: 232px;
height: auto;
}
.tm_footer_index #con2fi .label_with_thumbs2 .clearfix a:nth-child(2) {
line-height: 1.2;
margin: 0px;
padding: 9px 0px 10px;
color: #000;
font-size: 13px;
text-decoration: none;
float: left;
width: 232px;
}
.tm_footer_index #con2fi .label_with_thumbs2 .clearfix a:hover {
color: #FF8100;
}
.tm_footer_index #con2fi .label_with_thumbs2 .clearfix span {
line-height: 1.5;
font-size: 13px;
color: #666;
font-weight: 400;
}

/* Footer
====================================== */
.tm_footer {
width:100%;
border-top:5px solid #ffffff;
margin: 0px auto;
}
.footerin {
padding:10px 0px 10px 0px;
background: none repeat scroll 0% 0% #46526E;
}
.footerin_1 {
color:#FFFFFF;
margin:auto;
width:100%;
font-size:11px;
text-align:center;
text-transform:uppercase;
padding:0px 0px 5px 0px;
}
.footerin_1 a {
color:#ffffff;
text-decoration:none;
}
.footerin_2 {
color:#FFFFFF;
margin:auto;
width:100%;
font-size:11px;
text-align:center;
text-transform:uppercase;
}
.footerin_2 a {
color:#ffffff;
text-decoration:none;
}

/* Back To Top
===================================== */
.back-to-top {
background: none repeat scroll 0% 0% #333;
bottom: 0.5em;
cursor: pointer;
display: none;
font-size: 14px;
padding: 10px;
position: fixed;
right: 0.5em;
text-align: center;
z-index: 1000;
border-radius: 2px;
transition: all 0.4s ease 0s;
}
.img_backtotop {
background: url(http://1.bp.blogspot.com/-BYiSjQBMLjU/UytcuaWxs4I/AAAAAAAABAE/3Fii4Ze_D8A/s1600/up.png) repeat scroll 0% 0% transparent;
height: 12px;
width: 23px;
}
#backtotop:hover {
background: none repeat scroll 0% 0% #000;
}

/* Erorr Page
==================================== */
.tm_error {
background:#FFFFFF;
margin:0px 0px 15px 0px;
padding:15px 15px 15px 15px;
float:left;
width:975px;
text-align: left;
}
.tm_error_posts {
font-family:'open sans condensed',arial,verdana;
font-size:25px;
margin:0px 0px 0px 0px;
text-transform:uppercase;
font-weight:bold;
}
.tm_error_posts_desc {
padding:0px;
}

/* Layout
=================================== */
body#layout .widget {padding: 1px 0px !important;margin-bottom: 0px !important;margin-top: 0px !important;}
body#layout {width: 875px;}
body#layout .tm_header {height: 60px;}
body#layout .tm_logo {margin: -15px 240px;width: 135px;}
body#layout .tm_topads_468 {margin: -58px 160px;}
body#layout .tm_menu_desktop {display: none;}
body#layout #tm_con1, body#layout #tm_con2 {width: 830px;}
body#layout .tm_left, body#layout .tm_right {width: 200px;margin: 0px;}
body#layout .tm_left {margin: 0px 15px 0px 0px;}
body#layout .tm_right {margin: 0px 0px 0px 15px;}
body#layout #rpl {padding: 0px;}
body#layout .tm_center {width: 400px;}
body#layout .tm_center .section {float: left;border: 2px solid rgb(255, 165, 0) !important;padding: 10px;margin: 5px 0px;}
body#layout .tm_center #main2 {display: block;}
body#layout #left1, body#layout left3 {padding: 0px;margin-bottom: 10px;}
body#layout #left2 .widget {padding: 15px 0px;}
body#layout .tm_footer_index #con1fi, body#layout .tm_footer_index #con2fi {float: left;width: 828px;}
body#layout .tm_footer_index #con1fi .widget, body#layout .tm_footer_index #con2fi .widget {width: 828px;padding: 0 !important;margin: 0;}
body#layout #sliderse, body#layout #con1, body#layout #con2, body#layout #con3, body#layout #con4 {display: block;}

/* Responsive
======================================= */
@media only screen and (min-width:768px) and (max-width:1004px) {
/* ============================================================== */
body {
width:760px;
}
.tm_header_file {
width:730px;
}
.tm_logo_img img {
max-width:250px;
}
.tm_menu_mobile {
display:inline-block;
}
.tm_menu_desktop {
display: none;
}
.tm_menu_mobile {
display: inline-block;
}
.tm_content {
width: 760px;
}
.ticker {
width: 682px;
}
.tm_center {
width: 515px !important;
}
.tm_right {
width: 100%;
margin: 0px;
}
.tm_right #con1r .label_with_thumbs2 {
width: 100%;
}
.tm_right #con1r .label_with_thumbs2 .clearfix {
margin: 0px 15px 0px 0px;
width: 228px;
float: left;
}
.tm_right #con1r .label_with_thumbs2 .clearfix a:nth-child(2) {
width: 200px;
}
.tm_right #con1r .label_with_thumbs2 .clearfix .label_thumb {
width: 228px;
height: 130px;
}
.tm_right #con3r .label_with_thumbs2 .clearfix {
float: left;
margin: 0px 15px 0px 0px;
width: 228px;
}
.tm_right #con3r .label_with_thumbs2 .clearfix .label_thumb {
width: 228px;
height: 130px;
}
.list-label-widget-content li a {
width: 90%;
}
.popular-posts ul li {
width: 30%;
float: left;
padding: 0px 15px 0px 0px !important;
}
.tm_footer_index #con1fi .widget {
width: 725px;
}
.tm_footer_index #con2fi .widget {
width: 725px;
}
.tm_footer_index #con2fi .label_with_thumbs2 .clearfix {
width: 171px;
}
.tm_footer_index #con2fi .label_with_thumbs2 .clearfix .label_thumb {
height: 96px;
}
.tm_footer_index #con2fi .label_with_thumbs2 .clearfix a:nth-child(2) {
width: 170px;
}
}

@media only screen and (min-width:480px) and (max-width:767px) {
/* ============================================================== */
body {
width: 480px;
}
.tm_logo {
padding:0px 0px 0px 15px;
}
.tm_header_file {
width:480px;
}
.tm_logo_img img {
max-width:240px;
}
.tm_topads_468 {
display:none;
}
.tm_menu_desktop {
display: none;
}
.tm_menu_mobile {
display: inline-block;
width: 100%;
padding: 0px;
}
.tm_menu_mobile nav {
padding: 6px;
}
.tm_content {
width:480px;
}
.ticker {
width:480px;
}
.ticker-controls {
display:none;
}
.tm_left {
width:100%;
margin:0px;
}
.tm_sidebarwidget_left .widget {
width: 450px !important;
}
.list-recent {
width: 208px;
clear: none;
padding: 0px 15px 0px 0px !important;
}
.tm_left #lefts #left2 .label_with_thumbs2 {
width: 466px;
}
.tm_left #lefts #left2 .label_with_thumbs2 .clearfix {
width: 217px;
float: left;
margin: 0px 15px 15px 0px;
}
.tm_left #lefts #left2 .label_with_thumbs2 .clearfix img {
width: 217px;
height: 123px;
}
.tm_left #lefts #left2 .label_with_thumbs2 .clearfix a:nth-child(2) {
width: 201px;
}
.widget iframe {
height: 220px;
width: 100%;
}
.tm_center {
width: 480px !important;
}
#slide-container {
height: 280px;
width: 480px;
}
#slider {
height: 280px;
}
#slider li img {
height: 280px;
width: 480px;
}
.slide-desc {
width: 480px;
}
#slider li, #slider2 li {
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width: 480px;
height: 280px;
}
#nextBtn, #slider1next {
right: 10px !important;
left: 430px !important;
}
.tm_center #con1 .label_with_thumbs2 .clearfix {
width: 217px;
}
.tm_center #con1 .label_with_thumbs2 .clearfix img {
width: 217px;
height: 124px;
}
.tm_center #con1 .label_with_thumbs2 .clearfix a:nth-child(2) {
width: 218px;
}
.tm_center #con3 .widget .clearfix a:nth-child(2) {
width: 330px;
}
.tm_center #con4 .label_with_thumbs2 .clearfix {
width: 140px;
}
.tm_center #con4 .label_with_thumbs2 .clearfix img {
width: 140px;
height: 80px;
}
.tm_center #con4 .label_with_thumbs2 .clearfix a:nth-child(2) {
width: 140px;
}
.tm_center #con4 .label_with_thumbs2 .clearfix:nth-child(4),
.tm_center #con4 .label_with_thumbs2 .clearfix:nth-child(5),
.tm_center #con4 .label_with_thumbs2 .clearfix:nth-child(6) {
display: none;
}
.tm_right {
margin: 0px;
width: 100%;
}
.tm_right #con1r .label_with_thumbs2 {
width: 466px;
}
.tm_right #con1r .label_with_thumbs2 .clearfix {
float: left;
width: 140px;
padding: 0px 15px 15px 0px;
}
.tm_right #con1r .label_with_thumbs2 .clearfix img {
height: 80px;
width: 140px;
}
.tm_right #con1r .label_with_thumbs2 .clearfix a:nth-child(2) {
width: 140px;
}
.list-label-widget-content li a {
width: 85%;
}
.popular-posts ul li {
width: 46%;
float: left;
padding: 0px 15px 5px 0px !important;
}
.tm_right #con3r .label_with_thumbs2 {
width: 465px;
}
.tm_right #con3r .label_with_thumbs2 .clearfix {
float: left;
width: 140px;
padding: 0px 15px 15px 0px;
}
.tm_right #con3r .label_with_thumbs2 .clearfix a:nth-child(2) {
width: 140px;
}
.tm_footer_index #con1fi .widget,
.tm_footer_index #con2fi .widget {
width: 445px;
}
.tm_footer_index #con2fi .label_with_thumbs2 {
width: 466px;
}
.tm_footer_index #con2fi .label_with_thumbs2 .clearfix {
width: 217px;
}
}

@media only screen and (min-width:10px) and (max-width:479px) {
/* ============================================================== */
body,
.tm_content,
.tm_header_file,
.tm_center,
.tm_center #con4 .label_with_thumbs2 {
width:320px;
}
.tm_logo {
padding:0px 0px 0px 15px;
}
.tm_logo_img img {
max-width:240px;
}
.tm_topads_468, #tm_con1,
.tm_center #con3 .widget .clearfix span {
display:none;
}
.tm_menu_desktop {
display: none;
}
.tm_menu_mobile {
display:inline-block;
width:100%;
padding:0px;
}
.tm_menu_mobile nav {
padding:6px;
}
.tm_menu_desktop {
display:none;
}
.tm_left {
width:320px;
margin:0px;
}
.tm_right {
width:320px;
margin:0px;
}
.tm_middle_page_1 {
width:100%;
}
.tm_sidebarwidget_left #rpl .widget,
.tm_left #lefts .widget,
.tm_left #lefts #left2 .label_with_thumbs2 {
width: 290px;
}
.tm_left #lefts #left2 .label_with_thumbs2 .clearfix a:nth-child(2) {
width: 274px;
}
.tm_left #lefts #left2 .label_with_thumbs2 .clearfix img,
.tm_center #con1 .label_with_thumbs2 .clearfix img,
.tm_center #con4 .label_with_thumbs2 .clearfix img,
.tm_right #con1r .label_with_thumbs2 .clearfix img,
.tm_right #con3r .label_with_thumbs2 .clearfix img,
.tm_footer_index #con2fi .label_with_thumbs2 .clearfix img {
width: 290px;
height: 166px;
}
.tm_left .widget iframe {
height: 190px;
width: 100%;
}
#slide-container {
height: 186px;
width: 320px;
}
#slider {
height: 280px;
}
#slider li img {
height: 186px;
width: 320px;
}
.slide-desc {
width: 320px;
}
#slider li, #slider2 li {
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width: 320px;
height: 186px;
}
#nextBtn, #slider1next {
right: 10px !important;
left: 270px !important;
}
.tm_center #con1 .label_with_thumbs2 .clearfix {
float: none;
width: 290px;
}
.tm_center #con1 .label_with_thumbs2 .clearfix a:nth-child(2) {
width: 286px;
}
.tm_center #con3 .widget .clearfix a:nth-child(2) {
width: 174px;
}
.tm_center #con4 .label_with_thumbs2 .clearfix,
.tm_center #con4 .label_with_thumbs2 .clearfix a:nth-child(2),
.tm_right #con1r .label_with_thumbs2,
.tm_right #con1r .label_with_thumbs2 .clearfix a:nth-child(2),
.tm_right #con3r .label_with_thumbs2 .clearfix a:nth-child(2),
.tm_footer_index #con2fi .label_with_thumbs2 .clearfix,
.tm_footer_index #con2fi .label_with_thumbs2 .clearfix a:nth-child(2) {
width: 290px;
}
.tm_center #con4 .label_with_thumbs2 .clearfix:nth-child(4),
.tm_center #con4 .label_with_thumbs2 .clearfix:nth-child(5),
.tm_center #con4 .label_with_thumbs2 .clearfix:nth-child(6) {
padding: 0px 0px 15px !important;
}
.list-label-widget-content li a {
width: 77%;
}
.tm_footer_index #con1fi .widget,
.tm_footer_index #con2fi .widget,
.tm_footer_index #con2fi .label_with_thumbs2 {
width: 285px;
}









/*--My codes--*/





